@charset "UTF-8";













.samimg {
/* display:none;*/
}




/*doesn't seem to be working*/
hr.vertical
{
   width: 0px;
   height: 100%; /* or height in PX */
  color: #A0A8B0;
	background-color: #A0A8B0;
	border: none;
} 




.boarder {
	margin-right:50px;
      border-right: 2px solid black;
	  height:70px;
	  
   }





.img-rounded10{
	
	border-bottom-right-radius: 0px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}



.imgroundedcenter{
	width: 90%;
	border-bottom-right-radius: 0px;
	border-radius: 10px;
	
}




.img-roundedleft{
	
    float: left;
	width: 60%;
	border-radius: 10px;
	
}

.img-roundedright{
	
    float: right;
	width: 60%;
	border-radius: 10px;
	
}


.pagenoboarder
{
	margin-left:0vw;
	margin-right: 0vw;
	
}



.disolve
{
	
}







.pagediv 
{
	margin-right: .9vw;
	margin-left: .9vw;
	margin-top: .8vw;
	padding-bottom: 1vw;
	border-radius: 12px;
	border: 1px solid #000000;
	background-color: #F4F4F4;
}





.pagediv img{
	margin-left:0vw;
	margin-right: 0vw;
	
}


.pagediv p{
	margin-left:1vw;
	margin-right: 1vw;
	 font-size: calc(14px + .3vw)
	
}

.pagediv ul{
	margin-left:1vw;
	margin-right: 1vw;
	 font-size: calc(14px + .3vw)
}


.pagediv h3{
	margin-left:1vw;
	margin-right: 1vw;
	font-size: 3.9vw
	/*font-size: 3vw*/
	
}

@media screen and (min-width: 1000px) {
   .pagediv h3 {font-size: 40px}
	
}
	



@media screen and (max-width: 767px) {
	.pagediv {padding-left: 1.7vw;}
   .pagediv h3 {font-size: 4.5vw}
	.pagediv p {font-size: 18px}
	.pagediv ul {font-size: 18px}
}


@media screen and (max-width: 400px) {
   .pagediv h3 {font-size: 5.5vw}
}






.pagefullwboarder
{
	margin-left:0vw;
	margin-right: 0vw;
	width: 98vw;
	margin-right: 1vw;
	margin-left: 1vw;
	margin-top: .7vw;
	border-radius: 12px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	background-color: #FBFBFB
	
}






.custom-bullet li {
    display: block;
}

.custom-bullet li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}

















.samdiv {
	
	float: left;
	width: 98vw;
	margin-right: 1vw;
	margin-left: 1vw;
	margin-top: 1vw;
	border-radius: 12px;
	background-color: #F4F4F4;
	border: 1px solid #000000;
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 7px;
	}
	
	.samdiv h3 {
	font-size: 2.5vw;
	padding-top: 0px;
	padding-bottom: 10px;
	}
	

	.samdiv p {font-size: calc(13px + .3vw)}



.img-samdivfloatright {
	
	
	
		float: right; 
		margin-right:10px; 
		margin-left:8px; 
		margin-top:2px;
		width: 43%;
	border-radius: 10px;
		
	}




@media screen and (min-width: 768px) {

	.samdiv p{
		font-size: 2vw
}	
}


@media screen and (min-width: 950px) {

	.samdiv p{
		font-size: 18px
}	
}



@media screen and (max-width: 767px) {
   .samdiv h3 {font-size: 4.1vw}
.samdiv p {font-size: 18px}	
	}

@media screen and (max-width: 400px) {
   .samdiv h3 {font-size: 6.1vw}

	}



@media screen and (max-width: 767px) {
	
	.img-samdivfloatright {width: 50%;}
	
	/*.samdivbottomimages	 img {width: 90%;}*/
}




/* AWAY
.samdivcenter

    {

    text-align:center;

    margin-top:0px;

    margin-bottom:0px;

    padding:0px;

    }

	*/


	
.samdivbottomimages	
{
	width: 100%;
	
}

	


	
	.secondsamdiv {
	float: left;
	width: 98vw;
	margin-right: 1vw;
	margin-left: 1vw;
	margin-top: 1vw;
	border-radius: 12px;
	background-color: #F4F4F4;
	border: 1px solid #000000;
	padding-left: 14px;
	padding-top: 0px;
	padding-right: 0px;
	}
	
	.secondsamdiv h3 {  	   font-size: 22px;
	padding-top: 0px;
	padding-bottom: 1vw;
	
	}

.secondsamdiv hr {
	
	height: 3px;
	width: 90%;
	margin-right: 5%;
	color: #A0A8B0;
	background-color: #A0A8B0;
	border: none;
	
}


@media screen and (min-width: 1000px) {
   .secondsamdiv h3 {font-size: 2vw}
	
	.secondsamdiv p{
		font-size: 1.3vw
}	
}




		/*make the DIV disappear in small window*/
	@media screen and (max-width: 767px) {
   .secondsamdiv {display: none}
}
	
	
	
	
	@media (min-width: 768px) {
	
	.samdiv {
		width: 58.8%;
		margin-right: 0vw;
		font-size:100%;
	}
	
	.secondsamdiv {
width: 38%;
margin-right:1%;
padding-top:0px;
	}
	
	.secondsamdiv h3 {font-size: 22px;
	
	padding-top: 0px;
	padding-bottom: 10px;
	
	}
	
	}
	


	





.newsboxesdiv
{
	
	width:100%;
	margin-right: 0px;
}

.newsboxes {
	margin-left: 1vw;
	margin-right: 1vw;
	margin-bottom: 3%;
	border-radius: 10px;
	border: 1px solid #000000;
	height: 55vw;
	background-color: #F4F4F4;
}

.newsboxes p {
	padding: 10px;
	font-size: 1.5vw;
	
}

.newsboxes h3 {
	text-align:center;
	color: #006F45;	
	font-size: 2.5vw;
}
	


	


	@media (min-width: 992px) 
	{
	.newsboxes 
		{height: 41vw}
	
		.newsboxes p {font-size: 1.3vw;	}
		
		.newsboxes h3 {font-size: 2vw;	}
		
}
	



	@media (min-width: 1500px) 
	{

	
		.newsboxes p {font-size: 19px;	}
		
		
}
	
	
	@media (max-width: 700px) {
	.newsboxes
		
		{display: none}
	
	.newsboxes p {font-size: 3vw;	}
	}
	

	
	
	

/*   
 {
	was height: 100vw;	
	}
   */

	

	
	
	
	.footerdiv {
	padding-top: 20px;
	padding-bottom: 30px;
		
	background-color: #D9D9D9;
	}
	
	.footerdiv a:link {
	text-decoration: none;
	color: #006F45;
}
.footerdiv a:active { color: yellow; text-decoration: none }
.footerdiv a:visited { color: #006F45; text-decoration: none }
.footerdiv a:hover {
	color: #FFFFFF;
	border-radius: 11px;
	background-color: #939495;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
}
	
	.footerpara {
	font-size: 125%;
	text-align: center;
	
	}
	
	.footerpara p {
		padding-top:0px;
		padding-bottom:0px;
		margin-top:0px;
		margin-bottom:0px;
	}
	
/*	.footerpara img{
	width: 50vw;
	height: 50vw;	
		border-radius: 10px;
	}
	*/
	
/*	@media (min-width: 768px) {
	
	.footerpara img{
		width: 30vw;
		height: 30vw;	
	}
	
	}
		*/

.footerlogo {
	
}

.footerlogo img{
	

margin-top: 2em; 
width:45vw;
	border-radius: 10px;

}
  
@media (min-width: 768px) {
	
	.footerlogo img{
		width: 27vw;}
	
	
	}

@media (min-width: 960px) {
	
	
	
	.footerpara {
		font-size: 1.5vw;}
	
	}

	



@media only screen and (min-width : 768px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
		
    }
}



.table, .table-hover



a:link {
	
	color: black;
	text-decoration: none;
}

 a:visited { color: black; text-decoration: none }

a:active {
	color: black;
	text-decoration: none
}